// 游戏选项，操作dom相关的js代码

// 根据id获取dom节点
let pointsValue = document.querySelector("#points-value");

// 初识参数对象
let options = {};

// 改变金额滑动条时，将金额的值显示在span标签中
function handleInput(obj) {
    pointsValue.innerText = obj.value;
}

// 完成参数设置
function handleOptionSet() {
    let points = document.querySelector("#option-points").value;
    let player = document.querySelector("#option-player").value;
    options.points = points;
    options.player = player;
    let str = `完成游戏参数设置，游戏人数：${options.player}，玩家点数：${options.points}`;
    alert(str);
    console.log(str);

    // 完成游戏选项后，隐藏选项界面
    let formBox = document.querySelector(".form-box");
    formBox.style.display = "none";

    // 完成游戏选项后，展示游戏界面
    let gameBox = document.querySelector(".game-box");
    gameBox.style.display = "flex";

    initPlayerView();
}